<!--
**********************************************************
* @Author: 张小平
* @Date:   2024-05-01
* @Email:  qqshuqian@163.com
* @Last modified: 最后修改日期
* @Description: 文件描述
**********************************************************
-->
<template>
  <div class="basic-container"
       :style="styleName"
       :class="{'basic-container--block':block}">
    <el-card class="basic-container__card">
      <slot></slot>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "basicContainer",
  props: {
    radius: {
      type: [String, Number],
      default: 10
    },
    background: {
      type: String
    },
    block: {
      type: Boolean,
      default: false
    }
  },
  computed: {
    styleName () {
      return {
        borderRadius: `${this.radius}px`,
        background: this.background,
      }
    }
  }
};
</script>

<style lang="scss">
.basic-container {
  padding: 10px 6px;
  box-sizing: border-box;
  &--block {
    height: 100%;
    .basic-container__card {
      height: 100%;
    }
  }
  &__card {
    width: 100%;
  }
  &:first-child {
    padding-top: 0;
  }
}

@media screen  and (max-width: 992px){
  .basic-container {
    padding: 0px 0px;
    box-sizing: border-box;

    &--block {
      height: 100%;

      .basic-container__card {
        height: 100%;
      }
    }

    &__card {
      width: 100%;
    }

    &:first-child {
      padding-top: 0;
    }
  }



  .avue-main .avue-top {
    position: relative;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.65);
    font-size: 28px;
    /*height: 6rem;*/
    line-height: 3rem;
    box-sizing: border-box;
    white-space: nowrap;
  }

  .avue-main .top-bar__title {
    height: 100%;
    padding-left: 50px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: inherit;
    font-weight: 400;
    height: 3rem !important;
  }

  .avue-crud__search{
    .el-col {
      margin-bottom: 2px;
    }

    .el-col-6 {
      max-width: 100%;
      flex: 0 0 100%;
    }
  }

  .avue-crud__right button:first-child{
    display: none;
  }

  .el-table__header-wrapper{

  }
  /*table thead{display: none}*/
  /*table tr {display: block;}*/
  /*table tr {border-top: 1px solid #eee;padding: 10px 20px;background: #fff;width: 100%;position: relative;}*/
  /*table tr td {display: inline;font-size: 16px;}*/
}
</style>
